<template>
    <div class="page">
        <pie-chart
            ref="pieChart"
            :inData="[
                { value: 200, name: 'A' },
                { value: 200, name: 'B' },
                { value: 200, name: 'C' },
                { value: 200, name: 'D' },
                { value: 200, name: 'E' },
            ]"
        />
        <!-- <fontbox></fontbox> -->
    </div>
</template>

<script>
import PieChart from "./components/PieChart copy 2.vue";
// import fontbox from "./components/fontbox.vue";

export default {
    components: {
        PieChart,
        // fontbox,
    },
};
</script>
<style>
.page {
    width: 30%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    overflow: hidden;
}
</style>
